/**
 *  页面功能：客服用户聊天控制
 *  建立者 : 王钰苏
 *  建立日期：2019/5/11 10:26
 *  咨询邮件：1730797947@qq.com
 */

// 获得用户输入的数据
$(".inText input:eq(0)").click(function(){
	var text = $(".inText textarea:eq(0)").val();
	if(text!=null&&text.replace(" ", "")!=""){
	$.ajax({
		url:"send_mess",
		type:"POST",
		data:{
			"user_mess":$(".inText textarea:eq(0)").val(),
		},
		dataTye:"json",
		async:true,
		beforeSend:function(){
			console.log("----------发送消息----------");
			console.log("消息内容："+$(".inText textarea:eq(0)").val());
			// 将发送的消息作为元素添加的聊天对象框中
			$(".talkText:eq(0)").append("<div class='zjMess'><p class='zjImg'>咨询</p><p class='zj'>"+$(".inText textarea:eq(0)").val()+"</p></div>");
			// 获得我们最后一次发送的对话框内容
			var lastMess = $(".talkText:eq(0) .zjMess").last();
			// 获得我们最后一次发送的对话框中的文字内容
			var lastMessText = lastMess.find(".zj");
			// 获得我们最后一次发送的对话框内容文字内容的宽和高
			var width = lastMessText.width();
			var height = lastMessText.height();
			// 如果发送内容的宽度超过了一定大小，我们就让它固定宽度为400像素
			if(lastMessText.width()>400){
				lastMessText.css("width","400px");
			}
		},
		success:function(){
			console.log("发送消息成功");
			console.log("----------发送结束----------");
		},
		error:function(){
			console.log("发送消息失败");
			console.log("----------发送结束----------");
		}
	});
	$(".inText textarea:eq(0)").val("");
	}
	else{
		alert("输入内容不能为空~");
	}
});

function getMess(){
	$.ajax({
		url:"get_mess",
		type:"POST",
		data:{
		},
		dataTye:"json",
		async:true,
		beforeSend:function(){
		},
		success:function(data){
			if(data.sendMess!=undefined){
				console.log("----------接受消息----------");
				console.log("消息内容："+data.sendMess);
				// 将接收到的消息作为元素添加的聊天对象框中
				$(".talkText:eq(0)").append("<div class='zjMess'><p class='kfImg'>客服</p><p class='kf'>"+data.sendMess+"</p></div>");
				// 获得我们最后一次发送的对话框内容
				var lastMess = $(".talkText:eq(0) .zjMess").last();
				// 获得我们最后一次发送的对话框中的文字内容
				var lastMessText = lastMess.find(".kf");
				// 获得我们最后一次发送的对话框内容文字内容的宽和高
				var width = lastMessText.width();
				var height = lastMessText.height();
				// 如果发送内容的宽度超过了一定大小，我们就让它固定宽度为400像素
				if(lastMessText.width()>400){
					lastMessText.css("width","400px");
				}
				console.log("接收消息成功");
				console.log("----------接收结束----------");
			}
		},
		error:function(){
		}
	});
};

setInterval(getMess,500);